<template>
	<div class="page">
		<div class="sec">
			<img class="sec-img"  src="//via.placeholder.com/100"/>
			<div class="sec-con">
				<div class="row">
					<div class="col">
						<div class="label">
							工具名称：
						</div>
						<div class="val">
							绝缘手套
						</div>
					</div>
					<div class="col">
						<div class="label">
							厂商：
						</div>
						<div class="val">
							魅力厂商
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<div class="label">
							型号：
						</div>
						<div class="val">
							绝缘手套
						</div>
					</div>
					<div class="col">
						<div class="label">
							出厂日期：
						</div>
						<div class="val">
							魅力厂商
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<div class="label">
							检测周期：
						</div>
						<div class="val">
							绝缘手套
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="form">
      <mt-radio
        title="外观确认："
        v-model="value"
        :options="options">
      </mt-radio>
      <div class="form-btn" @click="back">
				提交
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				options :[
  {
    label: '完好无损',
    value: 'valueF',
  },
  {
    label: '损坏不影响使用',
    value: 'valueA'
  },
  {
    label: '已损坏不可使用',
    value: 'valueB'
  }
]
			}
		},
		methods: {
			radioChange(e) {
				this.sure = e.detail.value
			},
			back() {
				this.$router.go(-1)
			}
		}
	}
</script>

<style>
.sec {
	height: 150px;
	background: #FFFFFF;
	border-radius: 15px;
	margin: 20px 10px 0;
	display: flex;
}
.sec-img {
	width: 100px;
	height: 100px;
	margin: 25px 10px;
	flex: 2 100px 0;
}
.sec-con {
	flex: 5;
	margin-top:20px
}
.row {
	display: flex;
	margin: 15px 0;
}
.col {
	flex: 1;
	font-size: 12px;
}
.label , .val {
	display: inline-block;
	color: #999999;
}
.form {
	height: 265px;
	background: #fff;
	margin: 10px;
	border-radius: 15px;
	padding: 10px;
}
.mint-radiolist-title {
	font-size: 18px !important;
	color: #000 !important;

}
/* .uni-radio-input-checked{
	background-color: rgb(255,174,0) !important;
} */
.form-tit {
	font-size: 16px;
	font-weight:bold;
	
}
.form-btn {
	height: 40px;
	width: 100px;
	font-size: 16px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	color: rgb(46,152,148);
	border: 1px solid rgb(46,152,148);
	float: right;
	margin: 20px 0 0 0;
}
</style>
